html, textarea, input, button {
    font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", STXihei, STHeiti, "Microsoft YaHei", Heiti, SimSun, sans-serif;
    -webkit-font-smoothing: antialiased;
}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd {
    margin: 0;
    padding: 0;
    border: 0;
}
body {
    position: relative;
    background: #f8f8f8;
    color: #333333;
    font-size: 12px;
    margin: 0 auto;
    max-width: 640px;
    font-weight: normal;
    overflow: hidden;
    overflow-y:auto;
}
a, a:link, a:active, a:hover, a:visited {
    text-decoration: none;
}
a[type=button] {
    color: #ffffff !important;
}
input[type=text], textarea {
    background: #ffffff;
    -webkit-appearance: none;
}
ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, form, img, div {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0 none;
}

li {
    list-style-type: none;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

input,textarea {
    border: none;outline: none;
}
var,i {
    font-style: initial;
}
img {
    vertical-align: middle;
}

input:required, input:valid, input:invalid {
    border: 0 none;
    outline: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background: unset;
}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0
}
input[type="number"] {
    -moz-appearance: textfield
}

/*禁止复制*/

html {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media only screen and (max-width: 310px) and (min-width: 300px) {
    body {
        font-size: 10px
    }
}
@media only screen and (max-width: 320px) and (min-width: 310px) {
    body {
        font-size: 10px
    }
}
@media only screen and (max-width: 360px) and (min-width: 320px) {
    body {
        font-size: 12px
    }
}
@media only screen and (max-width: 360px) and (min-width: 350px) {
    body {
        font-size: 12px
    }
}
@media only screen and (max-width: 480px) and (min-width: 360px) {
    body {
        font-size: 14px
    }
}
@media only screen and (max-width: 480px) and (min-width: 470px) {
    body {
        font-size: 14px
    }
}
@media only screen and (max-width: 560px) and (min-width: 480px) {
    body {
        font-size: 16px
    }
}
@media only screen and (max-width: 570px) and (min-width: 560px) {
    body {
        font-size: 16px
    }
}
@media only screen and (max-width: 640px) and (min-width: 570px) {
    body {
        font-size: 18px
    }
}
@media only screen and (max-width: 640px) and (min-width: 630px) {
    body {
        font-size: 18px
    }
}

/* 全局公共样式的设定 */
html,body {font-family: PingFangSC-Regular, sans-serif;}

.ect-margin-lr {
    margin-left: 0.6em;
    margin-right: 0.6em;
}
.ect-margin-tb {
    margin-top: 0.6em;
    margin-bottom: 0.6em;
}
.ect-padding-lr {
    padding-left: 0.6em;
    padding-right: 0.6em;
}
.ect-padding-tb {
    padding-top: 3%;
    padding-bottom: 3%;
}
.ect-border-radius100 {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
}
.ect-border-radius0 {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
}
.ect-background-whit {
    background: #ffffff;
}
.ect-tc {
    text-align: center;
}
.ect-tl {
    text-align: left;
}
.ect-tl-force {
    text-align: left!important;
}
.ect-tr {
    text-align: right;
}
.ect-fl {
    float: left;
}
.ect-fr {
    float: right;
}
.clear {
    zoom: 1;
}
.clear:after {
    content: '';
    visibility: hidden;
    height: 0;
    clear: both;
    display: block;
}
.ect-border-none {
    border: none;
}
.w50 {
    width: 50px;
}
.w100 {
    width: 100px;
}
.w120 {
    width: 120px;
}
.w150 {
    width: 150px;
}
.w200 {
    width: 200px;
}

.text-a-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.text-a-line-default {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*.ect-b-color {*/
/*background: #ef1d33;*/
/*}*/

/*默认灰色*/
.ect-grey-default {
    color: #999999;
}

/*默认红色*/
.ect-red-default {
    color: #ef1d33;
}

.ect-btn-danger {
    background: #ef1d33;
}

.ect-btn-waring {
    background: #eab865;
}
.ect-btn-normal {
    background: #60b077;
}

.ect-bold-600 {
    font-weight: 600;
}

.ico {
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    padding: .2rem .6rem;
}
.round {
    width: 15px;
    height: 15px;
    line-height: 15px;
    background: #eab865;
    color: #fff;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
}

.ect-mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    background: #000000;
    opacity: .6;
    z-index: 99999999999;
    display: none;
}

.ect-overflow-hidden {
    overflow: hidden;
}

.ect-hide {
    display: none;
}

.ect-xian {
    background: #f9f9f9;
    height: 12px;
    width: 100%;
}

.ect-sub-btn-default {
    display: inline-block;
    text-align: center;
    font-size: 15px;
    border-radius: 5px;
    padding: .6rem 2rem;
}

.ect-copy-input-box {
    opacity: 0;
    position: absolute;
    top: -200px;
    left: -200px;
}

.ect-block {
    display: block;
}

.ect-position-relative {
    position: relative;
}

.ect-goods-score {
    font-size: 12px;
    color: #EAB865;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 26px;
    line-height: 26px;
}

.ect-goods-province {
    color: #ef1d33;
    font-weight: bold;
    font-size: 13px;
}

.ect-division-line {
    background-color: #f9f9f9;
    height: 10px;
    width: 100%;
}

.ect-look-more {
    width: 9px;
    height: 15px;
}

/*投影*/
.ect-box-show-effect5 {
    -moz-box-shadow:0px 0px 5px #DDDDDD; -webkit-box-shadow:0px 0px 5px #DDDDDD; box-shadow:0px 0px 5px #DDDDDD;
}

/*关注btn*/
.ect-follow-btn {
    width: 56px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background-image: linear-gradient(to right, #FA732A , #3C3EFC);
    background-color: #3C3EFC;
    display: inline-block;
    border-radius: 24px;
    font-size: 12px;
}

/*已关注btn*/
.ect-followed-btn {
    width: 56px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #959595;
    display: inline-block;
    border-radius: 24px;
    border:1px solid #959595;
    font-size: 12px;
}

/*互相关注btn*/
.ect-follow-each-other {
    width: 101px;
    height: 34px;
    border: none;
}

/*点击按钮*/
.ect-sub-btn {
    text-align: center;
}
.ect-sub-btn a {
    display: inline-block;
    background: #0B131B;
    height: 49px;
    line-height: 49px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 49px;
    width: 92%;
}

/*缺省页*/
.ect-default-page {
    text-align: center;
    margin-top: 25%;
}
.ect-default-page img {
    width: 60%;
}
.ect-default-page .msg {
    color: #959595;
    font-size: 16px;
    text-align: center;
    margin-top: 5%;
    padding-bottom: 10%;
}

/*预览图片窗口*/
.ect-browse-picture-window {
    position: fixed;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 99999999999;
    background: #000;
    display: none;
}

.ect-browse-picture-window .picture-list {
    height: 92%;
}

.ect-browse-picture-window .picture-list .swiper-pagination-bullet {
    background: #fff;
    opacity: .3;
}

.ect-browse-picture-window .picture-list .swiper-pagination-bullet-active {
    opacity: 1;
}

/*查看大图窗口*/
.ect-browse-big-picture {
    position: fixed;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #000;
    z-index: 9999999;
    height: auto;
    align-items: center;
    display: flex;
}

/*文件上传input*/
.ect-upload-file-input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
}

/*用户背景图*/
.ect-user-back-img {
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
}

/*加入社区图标*/
.ect-community-btn {
    width: 54px;
    height: 29px;
    font-size: 14px;
    display: inline-block;
    line-height: 29px;
    border-radius: 15px;
    color: #fff;
    background: #3C3EFC;
}

/*已加入社区图标*/
.ect-communityed-btn {
    width: 54px;
    height: 29px;
    font-size: 14px;
    display: inline-block;
    line-height: 29px;
    border-radius: 15px;
    color: #fff;
    background: #C7CED3;
}

/*vip图标*/
.ect-vip-locn {
    width: 32px;
    height: 12px;
    margin-left: 5px;
}

/*弹出框*/
.ect-pop-up {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 999999999999999;}
.ect-pop-up .img {width: 60%;height: 80%;margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.ect-pop-up .img .up-img {width: 100%;height: 70%;text-align: center;position: relative;overflow: hidden;display: block;}
.ect-pop-up .img .up-img img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 100%;}
.ect-pop-up .img .close {display: block;text-align: center;margin-top: 5%;}
.ect-pop-up .img .close img {width: 29px;height: 29px;}

/*悬浮*/
.ect-floating-frame {width: 60px;height: 60px;border-radius: 100%;position: fixed;right: 0%;bottom: 12%;text-align: center;z-index: 9999;}
.ect-floating-frame .box {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 99;text-align: center;}
.ect-floating-frame .box img {width: 100%;}

/*返回顶部悬浮*/
.up-top.ect-floating-frame {bottom: 12%;line-height: 38px;width: 38px;height: 38px;margin-right: 16px;}
.up-top.ect-floating-frame .back {background: #fff;opacity: .6;}
.up-top.ect-floating-frame .box img {width: 50%;margin-top: -15%;}

input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #A6A6A6;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #A6A6A6;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #A6A6A6;
}
input:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #A6A6A6;
}

.ect-container {position: relative;max-width: 100%;overflow: hidden}
.ect-main {position: relative;margin: 0 3%;}
.ect-wrapper {position: relative;overflow: hidden;overflow-y:auto;margin: 0 auto;}

/*返回顶部*/
.am-gotop-fixed .am-gotop-icon{color: #716F6F;width: 4rem;height: 4rem;border-radius: 4rem;text-align: center;display: block;background: #fff;border: 1px solid #ebebeb;font-style:normal;font-size:0.65rem;line-height:4rem;margin-bottom:0.25rem;}


.up-img .del-img {position: absolute;width: 16px;height: 16px;line-height: 16px;color: #888;text-align: center;cursor: pointer;display: inline-block;right: 0;background: url("/static/shop/images/ico/close.png") no-repeat;background-size: contain;}

/*有序列表横向*/
.block-list {padding-top: 1rem;width: 100%;overflow: hidden;}
.block-list li {display: inline-block;width: 25%;float: left;margin-bottom: 6px;text-align: center;}
.block-list li a {display: inline-block;text-align: center;font-size: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background: #f1f1f1;border-radius: 4px;width: 70px;height: 30px;line-height: 30px;}
.block-list li a.active {background: #ef1d33!important;color: #fff!important;}

/*有序列表横向 默认无高度*/
.block-list-default {width: 100%;overflow: hidden;}
.block-list-default .row {display: inline-block;width: 25%;float: left;margin-bottom: 1.2rem;text-align: center;}
.block-list-default .row a {display: inline-block;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;border-radius: 4px;width: 100%;}
.block-list-default .row a img {width: 60%;}
.block-list-default .row a .text {margin-top: 6px;}
.block-list-default .row a.active {background: #ef1d33!important;color: #fff!important;}

/*弹性列表横向 默认无高度*/
.block-list-fix-default {display: flex;-webkit-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;width: 100%;box-sizing: border-box;}
.block-list-fix-default .row {display: inline-block;width: 100%;text-align: center;overflow: hidden;font-size: 0;position: relative;}
.block-list-fix-default .row .text {display: inline-block;text-align: center;font-size: 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;}
.block-list-fix-default .row .text.text-two-line {white-space: inherit;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/*弹性栏目 默认无高度*/
.column-default {display: flex;-webkit-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;width: 100%;box-sizing: border-box;position: relative;}
.column-default .left {display: inline-block;text-align: left;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;position: relative;}
.column-default .right {display: inline-block;text-align: right;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;position: relative;}

.sub-btn {border:2px solid #eab865;border-radius: 40px;padding: .6rem 1rem;text-align: center;font-size: 12px;}
.close-btn {background: #888;border-radius: 40px;padding: .4rem 1.6rem;text-align: center;color: #fff}

/*内容面版（无边距）*/
.block-panel {background: #fff;border-radius: 10px;overflow: hidden;position: relative;}

/*内容面版（外边距）*/
.block-panel-margin {margin:0 3%;background: #fff;border-radius: 10px;overflow: hidden;position: relative;}

/*内容面版（内边距）*/
.block-panel-padding {padding: 3%;background: #fff;border-radius: 10px;overflow: hidden;position: relative;}

/*内容面版（内边距无弧度）*/
.block-panel-padding-no-radius {padding: 3%;background: #fff;overflow: hidden;position: relative;}

.m-20 {margin: 20px;}
.m-l-r-20 {margin-left: 20px;margin-right: 20px;}
.m-l-r-ratio-3 {margin-left: 3%;margin-right: 3%;}
.m-t-ratio-3 {margin-top: 3%;}
.m-t-ratio-5 {margin-top: 5%;}
.m-t-20 {margin-top: 20px;}
.m-b-20 {margin-bottom: 20px;}
.m-b-15 {margin-bottom: 15px;}
.m-b-10 {margin-bottom: 10px;}
.p-20 {padding: 20px;}
.p-t-b-15 {padding-top:15px;padding-bottom: 15px;}
.p-t-b-ratio-3 {padding-top: 3%;padding-bottom: 3%;}
.p-t-b-ratio-5 {padding-top: 5%;padding-bottom: 5%;}

/*加载*/
.loading {padding: 5% 0;text-align: center;color: #888;}

/*title*/
.column-title {position: relative;margin: 3% 0;}
.column-title .ico-left {width: 15px;height: 15px;vertical-align: middle;margin-right: .6rem;}
.column-title .title {font-size: 15px;font-weight: 600;}

/*栏目*/
.column {padding: 4%;border-bottom: 1px solid #f9f9f9;overflow: hidden;position: relative;}
.column .left-title {width: 20%;font-size: 14px;white-space: nowrap;display: inline-flex;}
.column input,.column span.right-content {width: 80%;text-indent: 5%;font-size: 13px;display: inline-block;}
.column input.time-choice,.column select.time-choice {position: absolute;opacity: 0;width: 60%;right: 0;top: 0;bottom: 0;margin: auto;}
.column .arrow-r {color: #888;text-align: right;font-size: 13px;}
.column .arrow-r img {width: 20%}
.column textarea {width: 100%;height: 8rem;}

.add-task {padding: 3rem 0;margin-bottom: 1rem;}

[v-cloak] {display: none;}


/*确认框*/
.confirm-box {position: fixed;left: 0;right: 0;margin: auto;width: 80%;background: #fff;border-radius: 10px;top: 35%;z-index: 999999999999999;text-align: center;display: none;}
.confirm-box .title {margin: 5% 0 3% 0;font-size: 16px;}
.confirm-box .content {font-size: 14px;margin-bottom: 10%;padding: 0 8%;}
.confirm-box .content var {color: #EF1D33;}
.confirm-box ul {padding-bottom: 1.2rem;}
.confirm-box ul li {display: inline-block;overflow: hidden;width: 42%;}
.confirm-box ul li a {font-size: 16px;display: inline-block;width: 100px;height: 44px;line-height: 44px;border-radius: 44px;}
.confirm-box ul li.cancel-btn a {border: 1px solid #959595;color: #959595;}
.confirm-box ul li.confirm-btn a {color: #fff;background: #0B131B;border: 1px solid #0B131B;}


/*内容列表*/
.list-content {margin-top: 3%;}
.list-content ul li {display: inline-block;vertical-align:middle;}
.list-content ul li.head-img {width: 15%;margin: 0 1%;float: left;}
.list-content ul li.head-img img {border-radius: 50%;width: 4.2rem;height: 4.2rem;display: inline-block;overflow: hidden;}
.list-content .task-detail {width: 82%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list-content .task-detail .title .ico {background: #373737;color: #eab865;padding: 0 .6rem;font-size: .6em;margin-right: .6rem;}
.list-content .task-detail .title span {font-size: 14px;font-weight: 600;}
.list-content .task-detail .title.normal span {font-weight: normal;}
.list-content .task-detail .title span.title-left {width: 70%;}
.list-content .task-detail .title span.title-right {width: 30%;text-align: right;}
.list-content .task-detail .title span.reward-coin {color: #ef1d33;font-size: 17px;}
.list-content .task-detail .title span.reward-coin var {font-size: 12px;}
.list-content .task-detail .num .ico {background: #f1f1f1;color: #999;padding: 0 .6rem;font-size:12px;}
.list-content .task-detail .num span {font-size: 12px;color: #999999;}
.list-content .task-detail .num span i {color: #ef1d33;}
.list-content .reward {position: absolute;right: 3%;top: 0;bottom: 0;margin: auto;height: 3rem;line-height: 3rem;color: #ef1d33;font-size: 17px;font-weight: 600;}
.list-content .reward var {font-size: 12px;}


/*弹出输入框*/
.open-input-box {position: fixed;left: 0;right: 0;margin: auto;width: 80%;top: 30%;background: #fff;border-radius: 15px;z-index: 99999;display: none;}
.open-input-box .top-title{text-align: center;margin: 6% 0;font-size: 15px;font-weight: 600;}
.open-input-box .column-info {padding: 0 6%;}
.open-input-box .column-info .title {font-size: 13px;}
.open-input-box .column-info textarea {width: 100%;margin-top: 1rem;background: #f9f9f9;padding: .6rem 1rem;font-size: 12px;border-radius: 4px;}
.open-input-box .operation-btn {margin-top: 4rem;}
.open-input-box .operation-btn ul {border-top: 1px solid #f2f2f2;}
.open-input-box .operation-btn ul li {display: inline-block;width: 48%;text-align: center;padding: 1.2rem 0;font-size: 14px;}
.open-input-box .operation-btn ul li:first-child{border-right: 1px solid #f2f2f2;}
.open-input-box .operation-btn ul li.sure {color: #ef1d33;}

/*图片预览*/
.image-preview {position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 99999;overflow: hidden;}
.image-preview .img-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}
.image-preview .img-slide .img-zoom-container {width: 100%;height: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-moz-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;text-align: center;}
.image-preview .img-slide .img-zoom-container img {max-width: 100%;max-height: 100%;object-fit: contain;}

/*商品列表竖版*/
.ect-goods-vertical {margin-bottom: 1rem;width: 49%;float: left;background: #fff;overflow: hidden;border-radius: 5px;display: block;}
.ect-goods-vertical:nth-of-type(even) {float: right;}
.ect-goods-vertical .goods-img {position: relative;overflow: hidden;}
.ect-goods-vertical .goods-img:before {content: '\20';padding-top: 100%;display: block;}
.ect-goods-vertical .goods-img img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.ect-goods-vertical .info {padding: .6rem;}
.ect-goods-vertical .info .goods-title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;font-size: 14px;width: 100%;color: #333;}
.ect-goods-vertical .info .goods-title img {width: 18px;height: 18px;vertical-align: middle;margin-right: .3rem;}
.ect-goods-vertical .info .goods-title.text-two-line {text-overflow: -o-ellipsis-lastline;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: inherit;}
.ect-goods-vertical .info .goods-column {margin: 3% 0;}
.ect-goods-vertical .info .goods-column .column-left {float: left;width: 50%;text-align: left}
.ect-goods-vertical .info .goods-column .column-right {float: right;width: 50%;text-align: right;}
.ect-goods-vertical .info .goods_price {font-size: 12px;color: #ef1d33;font-weight: 600;}
.ect-goods-vertical .info .original-price {color: #999;font-size: 12px;}
.ect-goods-vertical .info .line-through {text-decoration-line: line-through;}
.ect-goods-vertical .info .coupon {background: url(/static/m/images/upgrade/coupon.png) no-repeat;background-size: 100% 100%;display: inline-block;width: 50px;height: 20px;color: #ef1d33;text-align: center;font-size: 12px;font-style: initial;line-height: 20px;vertical-align: text-bottom;white-space: normal;overflow: hidden;}
.ect-goods-vertical .info .goods-column span.ico {width: 49%;padding: .2rem 0;font-size: 12px;text-align: center;color: #fff;border-radius: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;}
.ect-goods-vertical .info .estimate-money {background: #ef1d33;}
.ect-goods-vertical .info .upgrade-money {background: #eab865;}

/*商品列表横版*/
.ect-goods-transversal {position: relative;overflow: hidden;margin-bottom: 1rem;background: #fff;padding: 2% 3%;display: flex;-webkit-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;width: 100%;box-sizing: border-box;}
.ect-goods-transversal .goods-img {position: relative;height: 13rem;width: 13rem;overflow: hidden;}
.ect-goods-transversal .goods-img img {width: 100%;display: block;position: absolute;left: 0;top: 0;bottom: 0;height: auto;margin: auto;border-radius: 5px;}
.ect-goods-transversal .content {overflow: hidden;position: relative;width: 58%;padding-top: 2%;box-sizing: border-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin-left: 5%;}
.ect-goods-transversal .content .goods-name {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;font-size: 14px;width: 100%;color: #333;}
.ect-goods-transversal .content .goods-name img {width: 18px;height: 18px;vertical-align: middle;margin-right: .3rem;}
.ect-goods-transversal .content .goods-name.text-two-line {white-space: inherit;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ect-goods-transversal .content .goods-name .third-icon {width: 18px;height: 18px;vertical-align: middle;margin-right: .3rem;}
.ect-goods-transversal .content .goods-title {color: #999;font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;margin: 2% 0;}
.ect-goods-transversal .content .goods-title.text-two-line {white-space: inherit;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ect-goods-transversal .content .goods-ico-list {width: 100%;white-space: nowrap;overflow: hidden;text-overflow: initial;}
.ect-goods-transversal .content .goods-ico-list .ico {font-size: 11px;color: #fff;position: relative;margin-right: .6rem;padding: 0 .8rem;}
.ect-goods-transversal .content .goods-ico-list .ico i {width: 8px;height: 8px;line-height: 8px;display: inline-block;background: #fff;border-radius: 100%;position: absolute;left: -4px;top: 0;bottom: 0;margin: auto;}
.ect-goods-transversal .content .goods-ico-list .ico i.r {right: -4px;left: auto;}
.ect-goods-transversal .content .goods-ico-list .c-ico {background: #EF1D33;}
.ect-goods-transversal .content .goods-ico-list .f-ico {background: #EAB865;}
.ect-goods-transversal .content .goods-price {margin-top: 2rem;position: relative;}
.ect-goods-transversal .content .goods-price .buy {position: absolute;right: 0;top: 0;bottom: 0;margin: auto;text-align: right;}
.ect-goods-transversal .content .goods-price .buy img {width: 50%;}
.ect-goods-transversal .content .goods-price .price {color: #EF1D33;}

@media only screen and (max-width: 360px) and (min-width: 320px) {
    .ect-goods-transversal .goods-img {height: 12rem;width: 12rem;}
}


/*弹框*/
.ect-elastic-frame {position: fixed;left: 0;right: 0;top:20%;margin: auto;width: 85%;display: none;z-index: 999999999999999;}
.ect-elastic-frame .info {background: #fff;border-radius: 10px;padding: 8% 5%;position: relative;overflow: hidden;}
.ect-elastic-frame .info .title {font-size: 21px;margin-top: 3%;}
.ect-elastic-frame .info .content {font-size: 14px;}
.ect-elastic-frame .info .img img {width: 60%;margin: 3% 0;}
.ect-elastic-frame .link-btn a {background: #ef1d33;color: #fff;font-size: 16px;width: 95%;border-radius: 30px;padding: .7rem 0;}
.ect-elastic-frame .frame-close-btn {display: inline-block;margin-top: 10%;}
.ect-elastic-frame .frame-close-btn i {background: url("/static/shop/images/ico/close-btn.png") no-repeat;width: 30px;height: 30px;line-height:30px;display: inline-block;background-size: cover;}

/*底部弹框*/
.bottom-box-brand {position: fixed;bottom: 0;left: 0;right: 0;margin: auto;background: #fff;border-radius: 20px 20px 0 0;padding: 7% 3%;z-index: 99999;overflow: hidden;display: none;}
.bottom-box-brand .top-title {font-size: 18px;font-weight: 600;text-align: center;margin-bottom: 3rem;}
.bottom-box-brand .box-close-btn {position: absolute;width: 19px;height: 19px;line-height: 19px;color: #888;text-align: center;cursor: pointer;display: inline-block;background: url(/static/shop/images/ico/close.png) no-repeat;background-size: contain;top: 1.5rem;right: 2rem;}
.bottom-box-brand .bottom-close-btn {background: #f2f2f2;text-align: center;width: 80%;margin: auto;height: 40px;line-height: 40px;border-radius: 40px;}
.bottom-box-brand .back-btn {text-align: center;margin-top: 8rem;}
.bottom-box-brand .back-btn a {display: block;width: 98%;margin: 0 auto;background: #EF1E34;height: 50px;line-height: 50px;border-radius: 50px;font-size: 16px;color: #fff;font-weight: bold;}

/*用户协议*/
.ect-user-agreement {text-align: center;font-size: 12px;color: #999;}
.ect-user-agreement i {width: 13px;height: 13px;line-height: 13px;display: inline-block;vertical-align: middle;margin-right: .3rem;}
.ect-user-agreement i.unchecked {background: url("/static/shop/images/ico/unchecked.png")no-repeat;background-size: cover;}
.ect-user-agreement i.checked {background: url("/static/shop/images/ico/checked.png")no-repeat;background-size: cover;}
.ect-user-agreement a {color: #333;}

/*加载*/
.ect-loading {font-size:1.4rem;height: 50px;text-align: center;line-height: 50px;display:block;}

/*第三方商品*/
#third-top {position: relative;overflow: hidden;transition: .3s;}
#third-top .top-img {height: 20rem;}
#third-top .top-search {display: flex;-webkit-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;box-sizing: border-box;position: absolute;z-index: 999;bottom: 56%;left: 0;right: 0;margin: auto;width: 95%;}
#third-top .top-search .search-box {width: 100%;height: 42px;display: inline-block;background: #F2F3F3;border-radius: 50px;line-height: 42px;padding-left: 5%;position: relative;overflow: hidden;opacity: .82;}
#third-top .top-search .search-box .title {color: #848484;}

#third-top .swiper-class {background: #fff;padding-left: 1rem;padding-top: 8%;border-radius: 27px 27px 0 0;margin-top: -10%;}
#third-top .swiper-class ul li {display: inline-block;width: auto!important;text-align: left;margin-right: 8%;overflow: hidden;}
#third-top .swiper-class ul li a {color: #999;display: inline-block;padding-bottom: 20%;position: relative;font-size: 14px;}
#third-top .swiper-class ul li a.active {font-size: 15px;color: #EE1A36;}
#third-top .swiper-class ul li a.active:after {content: '';width: 20px;height: 3px;background: #EE1A36;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;border-radius: 2px;font-size: 15px;}
.third-main .goods-list .goods-price .buy {border: 1px solid #EE1A36;color: #EE1A36;font-size: 13px;border-radius: 20px;text-align: center;padding: 0 1rem;height: 24px;line-height: 24px;}

#third-top.top-head-fixed {background: #fff;padding-top: 3%;position: fixed;top: 0;left: 0;right: 0;z-index: 9999;height: 12rem;}
#third-top.top-head-fixed img.top-img {display: none!important;}
#third-top.top-head-fixed .top-search {position: relative;bottom: 0;}
#third-top.top-head-fixed .top-search .return-img {height: 42px;line-height: 42px;margin-right: 1rem;}
#third-top.top-head-fixed .swiper-class {margin: 0;padding-top: 6%;}

/*开关*/
.on-off-box var {background: #fff;border:2px solid #cecece;position: relative;width: 54px;display: inline-block;height: 30px;border-radius: 60px;}
.on-off-box var i {left: 4px;right: auto;width: 26px;height: 26px;background: #fff;display: inline-block;border-radius: 30px;position: absolute;top: 0;bottom: 0;margin: auto;-moz-box-shadow:1px 1px 5px #bfbfbf; -webkit-box-shadow:1px 1px 5px #bfbfbf; box-shadow:1px 1px 5px #bfbfbf;}
.on-off-box var.checked {background: #EF1D33;border: none;}
.on-off-box var.checked i {right: 2px;left: auto;box-shadow:none}


/*底部导航*/
.ect-footer-back {background-color: #f9f9f9;height: 85px;width: 100%;}
.ect-footer {background-color: #fff;position: fixed;left: 0;right: 0;bottom:0;height: 55px;padding-top: 6px;z-index: 9999999;}
.ect-footer .locn-img img {height: 22px;}
.ect-footer .row .text.title {margin-top: 5px;font-size: 12px;color: #0B131B;}
.ect-footer .row .text.title.active {font-weight: bold;}

/*顶部搜索框*/
.ect-search-box {background-color: #fff;position: fixed;left: 0;right: 0;top:0;height: 55px;line-height: 55px;padding: 0 3%;z-index: 9999999;}
.ect-search-box .on-left,.ect-search-box .on-right {width: 20%}
.ect-search-box .on-left img {height: 23px;}
.ect-search-box .on-middle .out-box {height: 40px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;line-height: 40px;background: #F8F8F8;border-radius: 40px;padding: 0 5%;}
.ect-search-box .on-middle .inside-box .search-input {font-size: 12px;color: #959595;padding-left: 6px;}
.ect-search-box .on-middle .inside-box .search-input input {width: 100%;}
.ect-search-box .on-middle .inside-box .search-locn {font-size: 12px;}
.ect-search-box .on-middle img {height: 16px;}
.ect-search-box .on-right .msg-locn {display: inline-block;position: relative;}
.ect-search-box .on-right img {height: 25px;}
.ect-search-box .on-right .tips {display: inline-block;width: 11px;height: 11px;line-height:11px;border-radius: 11px;background-color: #E50012;position: absolute;top: 25%;right: -5%;color: #fff;overflow: hidden;}
.ect-search-box .on-right .tips i {transform: scale(.7);font-size: 12px;display: block;color: #fff;}

/*热门动态详情*/
.ect-news-info {padding-top: 3%;margin-bottom: 12px;padding-left: 3%;padding-right: 3%;}
.ect-news-info .user-detail .avatar {width: 25%;text-align: left;}
.ect-news-info .user-detail .avatar img {width: 42px;height: 42px;border-radius: 42px;}
.ect-news-info .user-detail .synopsis {text-align: left;}
.ect-news-info .user-detail .synopsis .nickname {font-size: 15px;color: #0B131B;font-weight: bold;}
.ect-news-info .user-detail .synopsis .community {font-size: 11px;color: #C7CED3;margin-top: 3px;}
.ect-news-info .user-detail .synopsis .community .name {color: #FA732A;margin-left: 8px;width: 30%;display: inline-block;overflow: inherit;}
.ect-news-info .user-detail .follow-btn {width: 30%;margin-right: 5%;padding-top: 3%;}
.ect-news-info .user-detail .follow-btn img {height: 30px;}
.ect-news-info .news-content {color: #0B131B;font-size: 14px;margin: 3% 0;white-space: unset;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;position: relative;line-height: 1.6;}
.ect-news-info .news-content .author {color: #3C3EFC;margin-right: 6px;}
.ect-news-info .news-content .expand-all,.ect-news-info .news-content .close-all {color: #3C3EFC;position: absolute;right: 0;bottom: 0;background: #fff;}
.ect-news-info .ect-comment-ico {margin: 0 5%;}
.ect-news-info .news-content .expand-all i {color: #333;}
.ect-news-info .ect-picture-list {padding-top: 2%;}
.ect-news-info .func-btn {color: #0B131B;font-size: 13px;margin-top: 3%;}
.ect-news-info .func-btn .views {color: #C7CED3;width: 40%;display: inline-block;}
.ect-news-info .btn {width: 56%;text-align: right;display: inline-block;}
.ect-news-info .comment-list {margin-top: 3%;font-size: 13px;color: #0B131B;line-height: 1.8;}
.ect-news-info .comment-list .author {font-family: PingFangSC-Medium, sans-serif;}
.ect-news-info .comment-list .author i {font-family: PingFangSC-Regular, sans-serif;}

/*点赞/评论/转发*/
.ect-zan-ico i {background: url("") no-repeat;background-size: contain;width: 20px;height: 18px;vertical-align: middle;display:inline-block;margin-right: 3px;}
.ect-zan-ico.on i {background: url("")no-repeat;background-size: contain;width: 20px;height: 18px;vertical-align: middle;display:inline-block;margin-right: 3px;}
.ect-comment-ico i {background: url("")no-repeat;background-size: contain;width: 20px;height: 18px;vertical-align: middle;display:inline-block;margin-right: 3px;}
.ect-share-ico i {background: url("")no-repeat;background-size: contain;width: 20px;height: 18px;vertical-align: middle;display:inline-block;margin-right: 3px;}

/*选中/取消选中*/
.ect-click-ico i {background: url("") no-repeat;background-size: contain;width: 12px;height: 12px;display:inline-block;margin-right: 3px;vertical-align: text-top;}
.ect-click-ico.on i {background: url("") no-repeat;background-size: contain;width: 12px;height: 12px;display:inline-block;margin-right: 3px;vertical-align: text-top;}

/*图片列表*/
.ect-picture-list .layout-cells-9,.ect-picture-list .layout-cells-4 {max-width: 100%;}
.ect-picture-list .layout-cells-9>li { width: 33.33%;display: inline-block;vertical-align: top;padding-left: .125rem;padding-right: .125rem;margin-bottom: .25rem;overflow: hidden;float: left;font-size: 0;box-sizing: border-box;border-radius: 10px;}
.ect-picture-list .layout-cells-9>li .picture-main,.ect-picture-list .layout-cells-4>li .picture-main,.ect-picture-list .layout-cells-1>li .picture-main {padding-bottom: 100%;position: relative;display: inline-block;width: 100%;}
.ect-picture-list .layout-cells-9>li .picture-main img,.ect-picture-list .layout-cells-4>li .picture-main img ,.ect-picture-list .layout-cells-1>li .picture-main img {border-radius: inherit;height: 100%;left: 0;position: absolute;top: 0;width: 100%;object-fit: cover;}
.ect-picture-list .layout-cells-4>li {width: 36%;display: inline-block;vertical-align: top;padding-left: .125rem;padding-right: .125rem;margin-bottom: .3rem;overflow: hidden;float: left;font-size: 0;box-sizing: border-box;border-radius: 10px;margin-right: .3rem;}
.ect-picture-list .layout-cells-1>li {width: 60%;display: inline-block;vertical-align: top;overflow: hidden;font-size: 0;box-sizing: border-box;border-radius: 10px;}

/*标题导航*/
.ect-link-title {font-size: 12px;vertical-align: middle;margin-bottom: 3%;}
.ect-link-title .left-ico img {height: 17px;}
.ect-link-title .title {font-size: 15px;color: #0B131B;font-weight: bold;vertical-align: middle;}
.ect-link-title .more {float: right;}
.ect-link-title .more img {height: 19px;}

/*性别图标*/
.ect-sex-ico.man {background: url("") no-repeat;background-size: contain;width: 19px;height: 19px;vertical-align: middle;display:inline-block;}
.ect-sex-ico.woman {background: url("") no-repeat;background-size: contain;width: 19px;height: 19px;vertical-align: middle;display:inline-block;}

/*导航条*/
.ect-nav-link .row {height: 46px;line-height: 46px;width: auto !important;position: relative;text-align: center;color: #959595;font-size: 14px;margin-right: 1rem;display: inline-block;}
.ect-nav-link .row.active {font-size: 15px;color: #0B131B;font-weight: bold;}
.ect-nav-link .row.active:after {content: '';width: 26px;height: 3px;border-radius: 2px;background-image: linear-gradient(to right, #FA732A , #3A3DFC);background-color: #FA732A;position: absolute;left: 0;right: 0;bottom: 0;margin: auto;}